.container {
  width: 100%;

  .contentStyle {
    width: calc(100% - 16px);
    min-height: calc(100vh - 73px);
    margin: 10px;
    padding-top: 1px;
    padding-bottom: 70px;
    background-color: #f7f7f7;

    .content {
      position: relative;
      top: 20px;
      width: 1655px;
      margin: 0 auto;
      padding-bottom: 30px;
      background: #fff;
      border-radius: 18px 18px 0 0;

      .search {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 15px;

        .pageLogo {
          padding: 0 10px;
          color: #fefefe;
          font-size: 88px;
          font-family: STXingkai;
          cursor: default;
          transition: 0.2s;

          &:hover {
            text-shadow: 0 0 10px #0ebeff, 0 0 20px #0ebeff, 0 0 50px #0ebeff, 0 0 100px #0ebeff,
              0 0 200px #0ebeff;
          }
        }
      }

      .imgNotice {
        display: flex;

        .notice {
          width: 900px;
          height: 360px;
          margin: 30px 150px 0 0;

          .noticeTop {
            margin-bottom: 5px;
            padding: 5px 10px;
            font-weight: 600;
          }

          .noticeContent {
            .notices {
              display: flex;
              justify-content: space-between;
              padding: 5px 10px;
              border-bottom: 1px dashed #ddd;
              cursor: pointer;

              .noticeTitle {
                width: 400px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              }
            }

            .notices:hover {
              color: #ccc;
            }
          }

          .noticeBottom {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            margin: 11px 10px 0 11px;

            img {
              height: 20px;
              margin-left: 5px;
            }

            .getMore {
              cursor: pointer;
            }
          }
        }
      }

      .carousel {
        width: 700px;
        margin: 30px 0 0 150px;
      }

      :global {
        .ant-carousel .slick-dots li button {
          background: rgb(44, 163, 82);
        }
      }
    }

    .otherContent {
      width: 1655px;
      margin: 0 auto;
      margin-top: 60px;
      padding-bottom: 50px;
      font-size: 16px;
      background: #fff;

      .menuStyle {
        color: #fff;
        background-color: rgba(255, 255, 255, 0);
      }

      .bottomLoading {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 20px 0;
      }

      :global {
        .ant-btn,
        .ant-btn:hover,
        .ant-btn:focus,
        .ant-btn-focused {
          background-color: #f0f2f5;
          border: 0;
        }

        .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
        .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected {
          color: #fff;
        }

        .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
        .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after {
          width: 62px;
          margin: -4px 5px;
          border-bottom: 4px solid #fff;
        }

        .ant-menu-horizontal > .ant-menu-item::after {
          border: 0;
          transition: none;
        }
      }
    }
  }

  :global {
    .ant-input,
    .ant-btn-default,
    .ant-btn-icon-only,
    .ant-input-search-button {
      height: 36px;
      border: 0;
    }

    .ant-input:focus {
      border: none;
      box-shadow: none;
    }
  }
}

// .lable {
//   width: 100%;
//   height: 500px;
//   margin: 50px auto;
//   padding: 0 100px;
//   padding-bottom: 50px;

//   :global {

//     .ant-tag:hover,
//     .ant-tag-cyan:hover {
//       z-index: 101 !important;
//       cursor: pointer !important;
//     }
//   }

//   .tagsOne {
//     -webkit-animation: typing 12s infinite linear;

//     @keyframes typing {
//       0% {
//         -webkit-transform: translate(10px, 20px);
//       }

//       50% {
//         -webkit-transform: translate(20px, 10px);
//       }

//       100% {
//         -webkit-transform: translate(10px, 20px);
//       }
//     }
//   }

//   .tagsTwo {
//     -webkit-animation: typing 12s infinite linear;

//     @keyframes typing {
//       0% {
//         -webkit-transform: translate(10px, 20px);
//       }

//       50% {
//         -webkit-transform: translate(0, 20px);
//       }

//       100% {
//         -webkit-transform: translate(10px, 20px);
//       }
//     }
//   }

//   .tagsThree {
//     -webkit-animation: typing 12s infinite linear;

//     @keyframes typing {
//       0% {
//         -webkit-transform: translate(10px, 20px);
//       }

//       50% {
//         -webkit-transform: translate(10px, 10px);
//       }

//       100% {
//         -webkit-transform: translate(10px, 20px);
//       }
//     }
//   }

//   .tagsFour {
//     -webkit-animation: typing 12s infinite linear;

//     @keyframes typing {
//       0% {
//         -webkit-transform: translate(20px, 10px);
//       }

//       50% {
//         -webkit-transform: translate(10px, 20px);
//       }

//       100% {
//         -webkit-transform: translate(20px, 10px);
//       }
//     }
//   }
// }

// .buyBtn {
//   position: absolute;
//   left: 50%;
//   top: 50%;
//   color: #fff;
// }
